.lang {
    text-align: right;
    margin: 15px 40px;
    display: block;
    /* background-color: #f00; */
    display: flex;
    justify-content: end;
}

.lang a {
    display: block;
    padding: 3px 15px;
    font-size: 0.75em;
    color: #222;
    border-radius: 5px;
    /* border: 1px solid transparent; */
}

.kr {
    border: 1px solid transparent;

    
}
.en {
    border: 1px solid transparent;
}
.active{
    border: 1px solid #222;

}


main{
    /* min-width: 1600px; */
    width: 100%;
    font-family: "Pretendard";

    .inner{
       background-color: #eee; 
       margin: 0 40px 40px 40px;
       border-radius: 40px;
       padding: 30px;
       text-align: center;

       .title{
            img{
                object-fit: cover;
                width: 300px;
                opacity: 75%;
            }
            h2{
                font-size: 2.5em;
                margin-top: 30px;
                line-height: 1;
            }
            h3{
                line-height: 1;
                margin-top: 15px;
                font-size: 1.75em;
                font-weight: 400;
            }
       }
       .desc{
        margin-top: 60px;
        text-align: center;
        .card{

            ul{
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                gap: 20px;
    
                li{
                    background-color: #fff;
                    border-radius: 15px;
                    padding: 15px;
                    width: calc((100% - 30px)/5);
                    text-align: left;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    /* align-items: center; */

                    /* min-height: 282px; */
    
                    h3{
                        font-size: 1.375em;
                        /* margin-left: 10px; */
                        margin-bottom: 30px;
                        line-height: 1;
                        font-weight: 500;
                    }
                    p{
                        /* margin-left: 10px; */
                        font-size: 1.125em;
                        margin-bottom: 50px;
                        font-weight: 500;
                        box-sizing: border-box;
                        flex-grow: 1;
                    }
                    span{
                        a{
                            background-color: #e43d4f;
                            border-radius: 10px;
                            display: block;
                            /* padding: 10px 40px; */
                            padding-block: 10px;
                            text-align: center;
                            font-size: 1em;
                            font-weight: 500;
                            color: #fff;
                            white-space: nowrap;
    
                            img{
                                height: 14px;
                                margin-left: 10px;
                                margin-bottom: 5px;
                            }
                        }
                    }
                }
    
            }
            .space_bar{
                display: none;
            }
        }
       }
    }
}
@media screen and (max-width: 1280px) {
    main{

        .inner{

            .desc{
                .card{
                    display: flex;
                    flex-direction: column;
                    ul{
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        flex-wrap: wrap;
                        /* gap: 20px; */
                        li{
                            background-color: #fff;
                            border-radius: 15px;
                            padding: 15px;
                            width: calc((100% - 20px)/3);
                            flex-grow: 1;
                            text-align: left;
                            height: auto;
                            /* flex-basis: 1; */
                            overflow: hidden;
            
                            &:first-child{
                                display: none;
                            }
                            h3{
                                font-weight: 500;
                                font-size: 1.375em;
                                /* margin-left: 10px; */
                                margin-bottom: 10px;
                                line-height: 1;
                            }
                            p{
                                /* margin-left: 10px; */
                                font-size: 1.125em;
                                margin-bottom: 25px;
                                font-weight: 500;
                                /* box-sizing: border-box; */
                            /* overflow: hidden; */

                            }
                            span{
                                a{
                                    background-color: #666;
                                    border-radius: 10px;
                                    display: block;
                                    /* padding: 10px 40px; */
                                    padding-block: 10px;
                                    text-align: center;
                                    font-size: 1em;
                                    font-weight: 500;
                                    color: #fff;
                                    white-space: nowrap;
            
                                    img{
                                        height: 14px;
                                        margin-left: 10px;
                                        margin-bottom: 5px;
                                    }
                                }
                            }
                        }
                    }
                    .space_bar{
                        display: block;
                        background-color: #e43d4f;
                        border-radius: 15px;
                        /* width: calc((100% - 20px)/4); */
                        text-align: left;
                        height: auto;
                        margin-top: 20px;
                        text-align: center;

                        a{
                            display: block;
                        padding: 15px;
                            
                            color: #fff;
                        font-size: 1em;

                        img{
                            height: 14px;
                            margin-left: 10px;
                            margin-bottom: 5px;
                        }
                        }
                    }
                }
            }
        }

    }
}
@media screen and (max-width: 1023px) {
    .lang {
        text-align: right;
        margin: 10px 16px;
        display: block;
        /* background-color: #f00; */
        display: flex;
        justify-content: end;
    }
    main{
        font-size: 0.875em;

        .inner{
            background-color: #eee; 
       margin: 0 16px 16px 16px;
       border-radius: 16px;
       padding: 16px;
       text-align: center;

       .title{
        img{
            object-fit: cover;
            width: 300px;
            opacity: 75%;
        }
        h2{
            font-size: 2em;
            margin-top: 30px;
            line-height: 1;
        }
        h3{
            line-height: 1;
            margin-top: 15px;
            font-size: 1.5em;
            font-weight: 400;
        }
   }

            .desc{
                margin-top: 30px;

                .card{
                    display: flex;
                    flex-direction: column;
                    ul{
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        /* gap: 20px; */
                        flex-wrap: wrap;

                        li{
                            background-color: #fff;
                            border-radius: 15px;
                            padding: 15px;
                            width: calc((100% - 10px));
                            text-align: left;
                            height: auto;
                            flex-basis: 1;
                            flex-grow: 1;
                            overflow: hidden;
            
                            &:first-child{
                                display: none;
                            }
                            h3{
                                font-size: 1.5em;
                                /* margin-left: 10px; */
                                margin-bottom: 15px;
                                line-height: 1;
                            }
                            p{
                                /* margin-left: 10px; */
                                font-size: 1.125em;
                                margin-bottom: 25px;
                                font-weight: 500;
                                /* box-sizing: border-box; */
                            /* overflow: hidden; */

                            }
                            span{
                                a{
                                    background-color: #666;
                                    border-radius: 10px;
                                    display: block;
                                    /* padding: 10px 40px; */
                                    padding-block: 10px;
                                    text-align: center;
                                    font-size: 1em;
                                    font-weight: 500;
                                    color: #fff;
                                    white-space: nowrap;
            
                                    img{
                                        height: 12px;
                                        margin-left: 10px;
                                        margin-bottom: 5px;
                                    }
                                }
                            }
                        }
                    }
                    .space_bar{
                        display: block;
                        background-color: #e43d4f;
                        border-radius: 10px;
                        /* padding: 15px; */
                        /* width: calc((100% - 20px)/4); */
                        text-align: left;
                        height: auto;
                        margin-top: 16px;
                        text-align: center;

                        a{
                            color: #fff;
                        font-size: 1em;
                        padding: 10px 0;

                        img{
                            height: 14px;
                            margin-left: 10px;
                            margin-bottom: 5px;
                        }
                        }
                    }
                }
            }
        }

    }
}